<template>
  <div class="home" id="pdfCentent">
    <!-- <img alt="Vue logo" src="../assets/logo.png" /> -->
    <!-- <router-link :to="{name:'ap111'}">p111</router-link> -->
    <div >
      <p211 />
    </div>
    <div >
      <p212 />
    </div>
    <div >
      <p213 />
    </div> 
    <!-- <div style="page-break-after: always;"></div> -->
    <p111 />
    <div style="page-break-after: always;"></div>

    <p221 />
    <div style="page-break-after: always;"></div>
    <p222 />
    <div style="page-break-after: always;"></div>
    <p231 />
    <div style="page-break-after: always;"></div>
    <p241 />
    <div style="page-break-after: always;"></div>
    <p242 />
    <div style="page-break-after: always;"></div>
    <p251 />
    <div style="page-break-after: always;"></div>
    <!-- <p261 /> -->
    <!-- <p311 /> -->
    <p321 />

    <!-- <button type="danger" @click="ExportSavePdf(htmlTitle,nowTime)">导出PDF</button> -->
  </div>
</template>

<script>
import p111 from "../views/pages/p111";
import p211 from "../views/pages/p211";
import p212 from "../views/pages/p212";
import p213 from "../views/pages/p213";
import p221 from "../views/pages/p221";
import p222 from "../views/pages/p222";
import p231 from "../views/pages/p231";
import p241 from "../views/pages/p241";
import p242 from "../views/pages/p242";
import p251 from "../views/pages/p251";
// import p261 from "../views/pages/p261";
// import p311 from "../views/pages/p311";
import p321 from "../views/pages/p321";
import { mapState, mapMutations } from "vuex";
// @ is an alias to /src

export default {
  name: "Home",
  components: {
    p111,
    p211,
    p212,
    p213,
    p221,
    p222,
    p231,
    p241,
    p242,
    p251,
    // p261,
    // p311,
    p321,
  },
  data() {
    return {
      cookie: [],
    };
  },
  computed: mapState(["cookies"]),
  mounted() {
    this.updateCookies();
    // this.printCookie();
  },
  methods: {
    ...mapMutations(["updateCookies"]),
  },
};
</script>